$(function () {
    // 页面一开始就加载一次
    load();
  $('.write').on('keydown',function (e) {
      if(e.keyCode == 13){
        // 没按下回车先获取本地数据
      var data = getDate()
      console.log(data);
      //对数据进行追加操作
      data.push({title:$(this).val(),done:false})
      //将数据赋回给localStorage
      setDate(data);
      // 页面加载
      load();
      // 输入框清空
      $(this).val('');
      }
  });
//   删除事件
  $('ol,ul').on('click','a',function () {
      var data = getDate();
      var index = $(this).attr('id');
      data.splice(index,1);
      setDate(data);
      load();
  })
//   复选框点击事件
  $('ul,ol').on('click','.checkbox',function () {   
     var index = $(this).siblings('a').attr('id');
     var data = getDate();
        data[index].done = $(this).prop('checked');
      setDate(data);
      load();
  })
//   获取本地数据
  function getDate() {
     var data = JSON.parse(localStorage.getItem('todolist'));
     if(data){
         return data;
     }else{
        return [];
     }
  }
//   设置本地数据
  function setDate(data) {
   localStorage.setItem('todolist',JSON.stringify(data));
 }
//  数据在页面的加载
 function load() {
     var data = getDate();
     var  doingcount = 0,
          donecount = 0;
     $('ol,ul').empty();
     if(data) {
        $.each(data,function (i,e) {
            if(e.done == false) {
                doingcount ++; 
               $('ol').prepend('<li><input class="checkbox" type="checkbox"><span>'+e.title+'</span><a id='+i+'>delete</a><li>');
            }else{
               donecount ++;
               $('ul').append('<li><input class="checkbox" type="checkbox" checked="checked"><span>'+e.title+'</span><a id='+i+'>delete</a><li>');
           }
        })
        $('.doingcount').text(doingcount);
        $('.donecount').text(donecount);
     }else{
         alert('data为空！！！！')
     }
 
 }
}); 